*{font-family: sans-serif; margin: 0; padding: 0;}
html{height: 100%;}
body{height: inherit; background: #F9F9FC;}
.whiteBody{background:#fff;}
.cls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a,a:visited,a:link,a:active,a:hover{ text-decoration: none; }
ul,li{list-style: none;}

.navBar{ position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; height: 55px; display: flex;background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.16);}
.navItem{ flex: 1; position: relative; background: #fff; }
.navItem.active{ color: #1296DB;}
.navItem a{ position: relative; display: block; width: 100%; height: 100%; padding-top: 30px; line-height: 22px; text-align: center; color: #7f7f7f; font-size: 10px;}
.navItem.active a{color: #1296DB;}
.superscript{ position: absolute; top:-8px; right:-8px; width: 16px; height: 16px; line-height: 16px; background: #1296DB; color: #fff; border-radius: 8px; font-size: 10px; text-align: center; z-index: 500;}
.navItem .superscript{top:2px; right:16px;}
a.clickMe,
a.clickMe:link,
a.clickMe:active,
a.clickMe:visited,
a.clickMe:hover{color: #7f7f7f;}
.navItem a:after{ position: absolute; display:block; left: 0; top: 5px; width:100%; height: 24px; content: ""; }
.navItem:nth-child(1) a:after{ background: url("../images/toolBar_home2.png") center center no-repeat; background-size: 24px auto;}
.navItem:nth-child(2) a:after{ background: url("../images/toolBar_xm2.png") center center no-repeat; background-size: auto 24px;}
.navItem:nth-child(3) a:after{ background: url("../images/toolBar_me2.png") center center no-repeat; background-size: auto 24px;}
.navItem.active:nth-child(1) a:after{ background: url("../images/toolBar_home.png") center center no-repeat; background-size: 24px auto;}
.navItem.active:nth-child(2) a:after{ background: url("../images/toolBar_xm.png") center center no-repeat; background-size: auto 24px;}
.navItem.active:nth-child(3) a:after{ background: url("../images/toolBar_me.png") center center no-repeat; background-size: auto 24px;}


.outContent{height: 100%; margin-bottom: 50px;}
.bt_back{ position: absolute; top: 8px; left: 8px;}
a.btn-back{display: block; width: 35px; height: 35px; background: url("../images/icon-back.png") center center no-repeat; background-size: 100%; }
.hyLogo{ position: absolute; top: 8px; right: 8px; width: 64px; height: 64px; background: url("../images/logo-2.png") center center no-repeat; background-size: 100% auto; }
.banner img{ display: block; margin: 0; padding: 0;width: 100%;}


.loginFace{ background:#00a2ff url("../images/login.png") top center no-repeat; background-size: 100%; margin-bottom: 0;}
.loginBox{ position: absolute; left: 0; top:306px; width: 100%;}
.formRow{ position: relative; text-align: center; margin: 0 auto 27px;}
.formRow input{ width: 210px; height: 40px; line-height: 40px; border-radius: 17px; border: none; text-align: center; font-size: 16px; box-shadow: 0 3px 6px rgba(0,0,0,.16); overflow: hidden;}
.loginBox .formRow:nth-of-type(1):after{position: absolute; left: 84px; top: 8px; width: 24px; height: 24px; background: url("../images/icon_login_user.png") center center no-repeat; background-size:auto 100%; content: ""; z-index: 20;}
.loginBox .formRow:nth-of-type(2):after{position: absolute; left: 84px; top: 8px; width: 24px; height: 24px; background: url("../images/icon_login_pass.png") center center no-repeat; background-size:auto 100%; content: ""; z-index: 20;}
.input_user{position: relative;}
.input_password{position: relative;}

a.forget{ display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #fff; padding-left: 21px; background: url("../images/icon_forget.png") left center no-repeat; background-size: 15px;}
a.forget,a.forget:visited,a.forget:link,a.forget:active,a.forget:hover{color: #fff;}
.btn_login{ width: 210px; height: 40px; line-height: 40px; border: none; background: #3265CC; border-radius: 17px; box-shadow: 0 3px 6px rgba(0,0,0,.16); color: #fff; font-size: 16px;}

.head{ position: relative; height: 50px; background: #fff; border-bottom: 1px solid #f1f1f1;}
.headName{ font-size: 18px; line-height: 50px; padding-left: 15px;}
a.avatar{ position: absolute; left: 15px; top: 5px; display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
a.avatar img{ width: 40px; height: 40px;}
a.message{ position: absolute; right: 15px; top: 13px; display: block; width: 25px; height: 25px; background: url("../images/icon_message.png") center center no-repeat; background-size: 25px;}
.message_num{ position: absolute; top:-8px; right: -8px; background: #f00; color: #fff; width: 20px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; border-radius: 50%; transform: scale(0.8);}

.bannerBox{ background: #fff; padding: 15px 15px 15px 15px;}
.indexContent .bannerBox{ background: #fff; padding: 15px 15px 0 15px;}
.banner{ width: 330px;  border-radius: 10px; box-shadow: 0 3px 2px rgba(0,0,0,.18); overflow: hidden; }
.banner img{display: block; width: 100%;}
.hotNews{ height: 30px; line-height: 30px; padding-left: 60px; background: url("../images/icon_news.png") left center no-repeat; background-size:auto 11px;}
.hotNews a{ font-size: 12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.gongNeng{ display: flex; justify-content: space-between; align-items: center; margin-top: 10px; padding: 15px; background: #fff;}
.gn-item{ display: block; width: 105px; height: 105px;}
.gn-itemIn{ box-sizing: border-box; padding-top: 21px; width: 105px; height: 105px; text-align: center;}
.gongNeng>.gn-item:nth-child(3n+1)>.gn-itemIn{ background: url("../images/bg_gn-item_01.png") center center no-repeat; background-size: 100%;}
.gongNeng>.gn-item:nth-child(3n+2)>.gn-itemIn{ background: url("../images/bg_gn-item_02.png") center center no-repeat; background-size: 100%;}
.gongNeng>.gn-item:nth-child(3n+3)>.gn-itemIn{ background: url("../images/bg_gn-item_03.png") center center no-repeat; background-size: 100%;}
.gn-item_icon{ position: relative; margin: 0 auto; width: 40px; height: 40px;}
.gn-item_icon img{display: block; width: 40px; height: 40px;}
.gn-item_icon .message_num{ top:-5px; right: -5px;}
.gn-item_title{margin: 9px auto 0; width: 66px; height: 20px; line-height: 20px; font-size: 10px; background: #fff; border-radius: 10px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}

.mainJindu{ margin-top: 10px; background: #fff;}
.blockHead{ height: 32px; line-height: 32px; border-bottom: 1px solid #f1f1f1;}
.blockHead_icon{ float: left; margin-left: 5px; width: 32px; height: 32px;}
.blockHead_icon img{ width: 16px; height: 16px; margin:8px;}
.blockHead_title{ float: left; font-size: 16px; font-weight: bold;}
a.blockHead_more{ float: right; font-size: 12px; padding-right: 20px; margin-right: 10px; background:  url("../images/icon_arr01.png") center right no-repeat; background-size: auto 16px;}
.mainJindu_ul{display: flex; justify-content: space-between; align-items: center; padding:12px 15px; }
.mainJindu_li{ width: 106px; height: 84px; flex: 0 0 106px; background:  url("../images/bg_mainJD.png") center center no-repeat;background-size: 100% ;}
.mainJindu_li a{ position: relative; box-sizing: border-box; display: block; width: 106px; height: 84px;  }
.mainJindu_itemName{ padding: 5px 9px; font-size: 10px; color: #fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mainJindu_JD{ position: absolute; left: 9px; bottom: 10px; height: 24px; line-height: 24px; padding-left: 27px; background:  url("../images/iocn_xm.png") left center no-repeat; background-size:24px ; font-size: 12px; font-weight: bold; color: #fff;}

.xmList{ padding: 10px 15px;}
a.xm-item{display: flex; justify-content: space-between; align-items: center; width: 330px; height: 80px; margin-bottom: 10px; border-radius: 6px; overflow: hidden;box-shadow: 0 3px 6px rgba(0,0,0,.16);}
a.xm-item:nth-child(3n+1){background: url("../images/bg_xm_01.png") center center no-repeat; background-size: 100%;}
a.xm-item:nth-child(3n+2){background: url("../images/bg_xm_02.png") center center no-repeat; background-size: 100%;}
a.xm-item:nth-child(3n+3){background: url("../images/bg_xm_03.png") center center no-repeat; background-size: 100%;}
.xm-icon{flex: 0 0 50px; margin:0 20px; width: 50px; height: 50px;}
.xm-icon>img{display: block; width: 50px; height: 50px;}
.xm-content{ flex: 1; color: #fff;}
.xm-name{font-size: 20px; font-weight: bold;}
.xm-info{font-size: 12px; opacity: .75;}
.xm-arr{flex: 0 0 50px; margin:0 0 0 20px; width: 50px; height: 50px; background:url("../images/icon_xm_arr.png") center center no-repeat; background-size: auto 12px;}

.meTop{ background: #fff; padding: 15px;}
.meBox{position: relative; display: flex; justify-content: space-between; align-items: center; width: 330px; height: 100px; border-radius: 10px; background: url("../images/bg_me.png") center center no-repeat; background-size: 100%; overflow: hidden;box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.meBox:after{ position: absolute; left: 0; top:0; display: block; box-sizing: border-box; width: 100%; height: 100%; background: url("../images/bg_me2.png") center center no-repeat; background-size: 100%; content: "";}
.meBox .avatar{ flex: 0 0 60px; height: 60px; margin: 0 15px; border-radius: 50%; overflow: hidden;}
.meBox .avatar>img{display: block; width: 60px; height: 60px;}
.me_detail{ flex: 1; color: #fff;}
.me_name{font-size: 18px; font-weight: bold;}
.me_job{font-size: 12px; opacity: .75;}

.me_GN{display: flex; justify-content: flex-start; align-items: center;}
.me_GN_item{ flex: 0 0 25%; width: 25%; text-align: center; padding-top: 15px; }
.me_GN_item .gn-item_title{box-shadow: none;}

.listBlock{ margin-top: 10px;}
.list_item{position: relative; display: flex; justify-content: space-between; align-items: center; height: 50px; background: #fff; }
a.list_item,a.list_item:visited,a.list_item:link,a.list_item:hover{background: #fff; }
a.list_item:active{background: #f1f1f1; }

.list_item:after{position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #f1f1f1; content: "";}
.list_icon{ flex: 0 0 16px; width: 16px; height: 16px; margin:0 20px;}
.list_icon>img{display: block; max-width: 16px; max-height: 16px;}
.list_title{ flex: 1; font-size: 12px;}
.list_arr{flex: 0 0 50px; margin:0 0 0 20px; width: 50px; height: 50px; background:url("../images/icon_list_arr.png") center center no-repeat; background-size: auto 12px;}


.darkHead{position: relative; z-index: 50; background: #3265cc; border: none; }
.darkHead:after{position: absolute; z-index: -1; left: 0; bottom: -1px; display: block; width: 100%; height: 2px; background: #3265cc; content: ""; }
.darkHead .headName{color: #fff;}
.darkHead a.goBack{ float: left; display: block; width: 50px; height: 50px;background:url("../images/icon_back_arrow2.png") center center no-repeat; background-size: auto 24px;}
a.goBack{ float: left; display: block; width: 50px; height: 50px;background:url("../images/icon_back_arrow.png") center center no-repeat; background-size: auto 24px;}
a.btn_search{position: absolute; right: 65px; top: 13px; display: block; width: 25px; height: 25px; background: url("../images/icon_search.png") center center no-repeat; background-size: 25px;}
.grayHead a.btn_search{position: absolute; right: 65px; top: 13px; display: block; width: 25px; height: 25px; background: url("../images/icon_search_gray.png") center center no-repeat; background-size: 25px;}
.weui-tab{}
.outContent .weui-navbar{position: relative; top: auto; z-index: 20; background:#3265cc; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.outContent .weui-navbar:after{ display: none;}
.outContent .weui-navbar__item:after{ display: none;}
.weui-navbar__item{ display: block; color: #fff; opacity: .7; position: relative;}
.weui-navbar__item.weui-bar__item--on{ color: #fff; opacity: 1; background: none;}
.weui-navbar__item.weui-bar__item--on:before{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background: #74FFE3; content: "";}
.weui-navbar+.weui-tab__bd{padding-top: 0;}

.panel-gonggao{ margin-top: 0;}
.panel-gonggao .weui-media-box_appmsg{flex-wrap:wrap;}
.panel-gonggao .weui-media-box__bd{flex: 0 0 100%;}
.media-box_Other{position: relative; width:  100%; margin-top: 10px;}
.media-box_date{ font-size: 12px; color: #bbb; text-align: right; padding-right: 56px;}
.weui-media-box__title{font-size: 16px; text-overflow: ellipsis; white-space: normal;}
.weui-media-box__desc{ font-size: 11px;line-height: 20px;}

.media-box_zhuangtai{ position: absolute; right: 0; top:calc(50% - 8px); width: 36px; height: 15px;}
.zhuangtai_qianshou{ background:url("../images/icon_gg_qs.png") center center no-repeat; background-size: 36px;}
.zhuangtai_daiqian{ background:url("../images/icon_gg_dq.png") center center no-repeat; background-size: 36px;}

.grayHead{position: relative; z-index: 50; background: #fafafa; border: none; box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.grayHead .headName{}
.btn_qianshou{ display: flex; justify-content: center; align-items: center; width: 100%; height: 36px; background: #3265cc; border-radius: 18px; box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.icon_qs{ display: block; width: 20px; height: 20px; margin-right: 10px; background:url("../images/icon_qs.png") center center no-repeat; background-size: 15px;}
.btn_qianshou span{color: #fff;}
.weui-article p{ font-size: 12px;}

.xiangmu-list{ padding: 15px 10px;}
.xiangmu-item{ display: block; box-sizing: border-box; width: 100%; height: auto; padding:10px 60px 10px 10px; margin-bottom: 15px; background: #fff url("../images/icon_xmgl_more.png") calc(100% - 10px) center no-repeat; background-size: 40px; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.xiangmu-item_top{display: flex; justify-content: flex-start; align-items: center; height: 20px; font-size: 12px; color: #000;}
.xiangmu-item_zt{ box-sizing: border-box; width:auto; height: 20px; padding-left: 20px; padding-right: 3px; }
.xiangmu_sp{ background: url("../images/icon_xmgl_01.png") left center no-repeat; background-size: 15px; color: #007bc2; }
.xiangmu_kg{ background: url("../images/icon_xmgl_02.png") left center no-repeat; background-size: 15px; color: #fd8700; }
.xiangmu_ys{ background: url("../images/icon_xmgl_03.png") left center no-repeat; background-size: 15px; color: #dd0000; }
.xiangmu_date{ font-size: 12px; opacity: .5;}
.xiangmu_title{ font-size: 18px; color: #000;}
.xiangmu_bottom{ height: 20px; font-size: 12px; color: #333;}
.xiangmu_fuze{ width: 100px; float: left; line-height: 20px; opacity: .5;}
.xiangmu_shenpi{ width: 100px; float: left; line-height: 20px; opacity: .5;}


.xiangmu_title{ font-size: 20px; font-weight: bold; padding: 20px 15px 10px 15px;}
.xiangmu_step{display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.xiangmu_step_item{ flex: 1; position: relative; text-align: center;}
.xiangmu_step_icon{ width: 40px; height: 40px; margin: 0 auto;}
.xiangmu_step_item:nth-child(1) .xiangmu_step_icon{ background: url("../images/step01_01.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item:nth-child(2) .xiangmu_step_icon{ background: url("../images/step02_01.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item:nth-child(3) .xiangmu_step_icon{ background: url("../images/step03_01.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item:nth-child(4) .xiangmu_step_icon{ background: url("../images/step04_01.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_finished:nth-child(1) .xiangmu_step_icon{ background: url("../images/step01_02.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_finished:nth-child(2) .xiangmu_step_icon{ background: url("../images/step02_02.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_finished:nth-child(3) .xiangmu_step_icon{ background: url("../images/step03_02.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_finished:nth-child(4) .xiangmu_step_icon{ background: url("../images/step04_02.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_current:nth-child(1) .xiangmu_step_icon{ background: url("../images/step01_03.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_current:nth-child(2) .xiangmu_step_icon{ background: url("../images/step02_03.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_current:nth-child(3) .xiangmu_step_icon{ background: url("../images/step03_03.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_item.xm_current:nth-child(4) .xiangmu_step_icon{ background: url("../images/step04_03.png") left center no-repeat; background-size: 40px;}
.xiangmu_step_name{ text-align: center; font-size: 12px; margin-top: 15px; color: #757575;}
.xiangmu_step_item.xm_finished .xiangmu_step_name{  color: #000;}
.xiangmu_step_item.xm_current .xiangmu_step_name{  color: #007BC2;}
.xiangmu_step_item:after{position: absolute; z-index: -1; left: 50%; top: 18px; display: block; width: 100%; height: 3px; background: #3265cc; background: url("../images/dot_1.png") left center repeat-x; background-size:auto 3px; content: "";}
.xiangmu_step_item.xm_finished:after{position: absolute; z-index: -1; left: 50%; top: 18px; display: block; width: 100%; height: 3px; background: #3265cc; background: url("../images/dot_2.png") left center repeat-x; background-size:auto 3px; }
.xiangmu_step_item:last-child:after{display: none;}

.xiangmu_step2{ box-sizing: border-box; padding-left:45px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.xiangmu_step2_item{position: relative; padding:15px 10px 15px 0;}
.xiangmu_step2_item:after{position: absolute; z-index: 2; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background: #eee; content: "";}
.xiangmu_step2_item:before{position: absolute; z-index: 2; left:-19px; top: 25px; display: block; height: 100%; width: 1px; background: #ddd; content: "";}
.xiangmu_step2_item:last-child:after{display: none;}
.xiangmu_step2_item:last-child:before{display: none;}
.xiangmu_step2_name{ position: relative; height: 20px; line-height: 20px; font-size: 12px;}
.xiangmu_step2_row{ height: 20px; line-height: 20px; font-size: 12px; color: #757575;}
.xiangmu_step2_name:after{position: absolute; z-index: 3; left: -21px; top: 7px; border-radius: 50%; display: block; width: 5px; height: 5px; background: #ddd; content: "";}
.xiangmu_step2_item:first-child .xiangmu_step2_name:after{z-index: 3; left: -26px; top: 2px; border-radius: 50%; display: block; width: 15px; height: 15px; background: #de0000; opacity: .25; content: "";}
.xiangmu_step2_item:first-child .xiangmu_step2_name:before{position:absolute; z-index: 5; left: -26px; top: 2px; border-radius: 50%; display: block; width: 15px; height: 15px; background: #de0000; content: ""; transform: scale(.6);}

.xiangmu_Text{ background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); margin-top: 15px;}
.xiangmu_Text_head{ padding-left: 38px; height: 40px; line-height: 40px; border-bottom:1px solid #eee; background: url("../images/icon_mainJD.png") 15px center no-repeat; background-size: 16px; font-size: 16px; font-weight: bold;}
.xiangmu_Text_txtArea{padding:15px;}


